{% extends "base.html" %}

{% block navi_start %}
	<a class="visited" href="/UTRGEN/start">Run UTRGEN</a>
{% endblock navi_start %}

{% block content %}
	<form id="form_start" action="/UTRGEN/preprocess" method="POST" target="_blank">
		<div id="step1">
			<p><b>STEP 1 |</b> Please input your sequence(s) with FASTA format here, the length of each sequence should be 25-100nt :
			<a href="javascript: paste('textarea_seq_fst', sample)">Sample sequences</a>  |  <a href="javascript: clear('textarea_seq_fst')">Clear</a></p>
			<textarea name="seq_fst" placeholder="Sequences 25-100nt" rows="20" cols="100"
			id="textarea_seq_fst" wrap="virtual" required="required"></textarea>
		</div>
		<div id="step2">
			<p><b>STEP 2 |</b> Please select your purpose:</p>
            
            <p><input type="radio" name="purpose" value="generate" id="generate" checked="checked"
            required="required" /><label for="generate">Optimize these UTR sequences</label></p>
            <p><input type="radio" name="purpose" value="predict" id="predict"
            required="required" /><label for="predict">Just predict ribosome load of these sequences</label></p>
        </div>
		<div id="step3">
			<p><input type="submit" name="submit_seq" value="Run" /></p>
		</div>
	</form>
{% endblock content %}
